import Vue from 'vue'
import VueRouter from 'vue-router'

import index from '@/components/index.vue'
import detail from '@/components/detail.vue'

Vue.use(VueRouter)

/** 服务端渲染  不再是导出 vue-router的实例 */
// const routes = [{
//     path: '/',
//     component: index
//   },
//   {
//     path: '/detail',
//     component: detail
//   }
// ]
// const router = new VueRouter({
//   routes
// })
// export default router

/**
 *  为什么不导出一个VueRouter实例？   
 *  ：每次用户请求都需要创建一个router实例   不仅需要单独创建vue实例也要单独创建vue-router实例
 */
export default function createRouter() {
  return new VueRouter({
    mode: 'history',
    routes: [{
        path: '/',
        component: index
      },
      {
        path: '/detail',
        component: detail
      }
    ]
  })
}